<script language="JavaScript">
  <!--
  var img_L = 0;
  var img_T = 0;
  var targetObj;

  function getLeft(o){
    return parseInt(o.style.left.replace('px', ''));
  }
  function getTop(o){
    return parseInt(o.style.top.replace('px', ''));
  }

  // 이미지 움직이기
  function moveDrag(e){
    var e_obj = window.event% window.event : e
    targetObj.style.left = e_obj.clientX + img_L;
    targetObj.style.top = e_obj.clientY + img_T;
    return false;
  }

  // 드래그 시작
  function startDrag(e, obj){
    targetObj = obj;
    var e_obj = window.event% window.event : e;
    img_L = getLeft(obj) - e_obj.clientX;
    img_T = getTop(obj) - e_obj.clientY;

    document.onmousemove = moveDrag;
    document.onmouseup = stopDrag;
    if(e_obj.preventDefault)e_obj.preventDefault(); // IE 가 아닌 브라우저에서 씀 (용도는 -_-%)
  }

  // 드래그 멈추기
  function stopDrag(){
    document.onmousemove = null;
    document.onmouseup = null;
  }
  //-->
</script>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30" align="center" bgcolor="#333333"><font color="#FFFFFF"><strong>Modeling</strong></font></td>
  </tr>
  <tr>
    <td height="10"></td>
  </tr>
  <tr>
  <td height="25" bgcolor="#f4f4f4">ㆍHierarchical tree</a></td>
  </tr>
  <tr>
    <td height="1" bgcolor="#CCCCCC"></td>
  </tr>
  <tr>
    <td height="150">
      <!--<iframe src="Br_img.jsp" width=100% height=150 marginwidth=0 marginheight=0 frameborder='no' scrolling='no' name="jjw"></iframe></a>--->

      <img src="/images/tree.gif"  usemap="#ImageMap1">
      <map name="ImageMap1">
        <area shape="rect" coords="85, 49, 210, 62" href="/Modeling/Unsch_Failure.jsp">
      </map>
    </td>
  </tr>
  <tr>
    <td height="1" bgcolor="#CCCCCC"></td>
  </tr>
  <tr>
    <td height="1" bgcolor="#CCCCCC"></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#f4f4f4">ㆍ<a href="/Modeling/SE/">SE</a></td>
  </tr>
  <tr>
    <td height="1" bgcolor="#CCCCCC"></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#f4f4f4">ㆍ<a href="/Modeling/CE/">CE</a></td>
  </tr>
  <tr>
    <td height="1" bgcolor="#CCCCCC"></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#f4f4f4">ㆍ<a href="javascript:alert('사용하실 수 없습니다.')">BB</a></td>
  </tr>
  <tr>
    <td height="1" bgcolor="#CCCCCC"></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#f4f4f4">ㆍ<a href="/Modeling/PB/">PB</a></td>
  </tr>
  <tr>
    <td height="1" bgcolor="#CCCCCC"></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#f4f4f4">ㆍ<a href="/Modeling/SY/">SY</a></td>
  </tr>
  <tr>
    <td height="1" bgcolor="#CCCCCC"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>